<template>
    <div class="login_out_class">

        <!-- 退出登录 -->
        <el-dialog title="" :visible.sync="loginOutDialogShow" width="300px" center :show-close="false" :before-close="handleClose"
        top="50%">
            <div class="column">
                <i class="el-icon-switch-button fw800 clr_ff6 f30 mb10" ></i>
                <span class="fw500 f18 clr_2b3" >确定退出登录？</span>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button class="left_btn" type="text" @click="handleClose">取 消</el-button>
                <el-button type="text" @click="handleSure">确 定</el-button>
            </span>
        </el-dialog>

    </div>
</template>

<script>

export default {
    data() {
        return {

        };
    },
    props:['loginOutDialogShow'],
    computed: {},
    watch: {},
    methods: {
        handleClose(){
            this.$emit('close')
        },
        handleSure(){
            this.$emit('close',true)
        }
    },
}
</script>
<style lang='less' scoped>
.login_out_class {
    ::v-deep .el-dialog {
        border-radius:10px;
    }
    ::v-deep .el-dialog__header {
        display:none;
    }
    ::v-deep .el-dialog__footer {
        border-top:1px solid #eee;
        padding:0px;
    }
    ::v-deep .el-button+.el-button {
        margin-left:0px;
    }
    ::v-deep .el-button {
        width:150px;
        border:none;
    }
    .left_btn {
        border-radius:0px;

        border-right:1px solid #eee;
    }
}
</style>